/*
************ author: yaozhixing
************ base公共css
*/
html{}
*{-webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }
body{font-size: 0.24rem; max-width: 750px; min-width: 320px;  font-size: 0.6rem; padding-top: 1.4rem; color: #131313; margin: 0 auto;  background-color: #efefef; font-family: 'Helvetica Neue', Helvetica, sans-serif;}
body.indexbody{background-color: #f6f6f6;}
body.bgfff{background-color: #fff;}
body.bgchat{background-color: #f5f5f5;}
div{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
ul,li{list-style:none;}
p,ul,li,ol,dl,dt,dd,img{margin: 0; padding: 0; border:none}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0; font-weight: normal; font-size: 0.7rem;}
i{font-style: normal;}
button, select, textarea{border:none; cursor: pointer;  font-family: 'Helvetica Neue', Helvetica, sans-serif, '\5FAE\8F6F\96C5\9ED1';}
button, select{color: #fff;}
button,input[type="submit"],input[type="button"]{ border:none; cursor: pointer; color: #fff; font-family: 'Helvetica Neue', Helvetica, sans-serif, '\5FAE\8F6F\96C5\9ED1';}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix {zoom:1;}
*+html .clearfix {zoom:1;}
a{color: #131313; text-decoration: none;}
img{background-color: #f2f2f2; max-width: 100%;}
.clear{height:0px; line-height:0px; font-size:0px; clear:both; overflow:hidden}
.bg-fff{background-color: #fff;}
.fl{float: left; display: inline;}
.fr{float: right; display: inline;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.oh{overflow: hidden;}

.mt10px{margin-top: 10px;}
.mt15px{margin-top: 15px;}
.mt20px{margin-top: 20px;}
.mt25px{margin-top: 25px;}
.mt30px{margin-top: 30px;}
.mb10px{margin-bottom: 10px;}
.mb15px{margin-bottom: 15px;}
.mb20px{margin-bottom: 20px;}
.mb25px{margin-bottom: 25px;}
.mb30px{margin-bottom: 30px;}
.mt1{margin-top: .1rem;}
.mt2{margin-top: .2rem;}
.mt3{margin-top: .3rem;}
.mt4{margin-top: .4rem;}
.mt5{margin-top: .5rem;}
.mr1{margin-right: .1rem;}
.mr2{margin-right: .2rem;}
.mr3{margin-right: .3rem;}
.mr4{margin-right: .4rem;}
.mr5{margin-right: .5rem;}
.ml1{margin-left: .1rem;}
.ml2{margin-left: .2rem;}
.ml3{margin-left: .3rem;}
.ml4{margin-left: .4rem;}
.ml5{margin-left: .5rem;}
.mb1{margin-bottom: .1rem;}
.mb2{margin-bottom: .2rem;}
.mb3{margin-bottom: .3rem;}
.mb4{margin-bottom: .4rem;}
.mb5{margin-bottom: .5rem;}

.pt3{padding-top:3%}
.pt4{padding-top:4%}
.pt5{padding-top:5%}
.pr3{padding-right:3%;}
.pr4{padding-right:4%;}
.pr5{padding-right:5%;}
.pl3{padding-left:3%;}
.pl4{padding-left:4%;}
.pl5{padding-left:5%;}
.pb3{padding-bottom:3%;}
.pb4{padding-bottom:4%;}
.pb5{padding-bottom:5%;}

.color-ff6619{color: #ff6619;}
.imgblock{width: 100%; display: block;}
.linebot:after{content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 0;}
.blackmark{position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; background:rgba(0,0,0,0.8); display: none;}

/*header*/
.header{width:100%; height:1.4rem; background-color: #da3838; color: #fff; position: fixed; left:0; top:0; z-index: 100;}
.header h1.header-title{width:100%; line-height: 1.4rem; font-size: .7rem;}

.footer{width:100%; position: fixed; justify-content:center; color: #fff; bottom: 0; left:0; height: 48px; background-color: #1d1919; display:flex; -webkit-display:flex;}
.footer .flink{flex:1; display: block;}
.flink a{color: #fff; text-decoration: none;}
.flink .footico{width:16px; height: 16px; display: block; margin: 6px auto 3px; font-size: 18px;}
.flink span{font-size: .5rem;}
.footer.home .flink:nth-child(1) a{color:#da3838}
.footer.joke .flink:nth-child(2) a{color:#da3838}
.footer.life .flink:nth-child(3) a{color:#da3838}
.footer.member .flink:nth-child(4) a{color:#da3838}

/*推荐新闻*/
.rec-channe{padding: .6rem 0 .4rem; border-bottom: 0.06rem solid #e3e2e2; overflow: hidden;}
.rec-channe ul{width:1800%}
.rec-channe ul li{float: left; height: .8rem; line-height: .8rem; display: block; padding: 0 .5rem; text-align: center; margin: 0 .3rem .3rem 0; font-size: .6rem;}
.rec-channe ul li.curr{color: #da3838;}

.ind-recnews{}
.recnews-title{height: 2rem; line-height: 2rem; font-size: .8rem; color: #da3838; border-bottom: 1px solid #e7e7e7;}
.news-box{border-bottom: 1px solid #ededed;}
.news-box .news-btitle{font-size: .75rem; padding: .3rem 0; line-height: 1.2rem; max-height: 3rem;}
.news-bimg .imgso{width:33.33%; padding-right: 4px;}
.news-bimg .imgso img{height: 4rem;}
.new-other .newoth-source{color: #3d99cb;} 
.new-other .newoth-time{color: #a5a5a5;}

.newsbtn{width:4rem; height: 2rem; background-color: #42B983; color: #fff; margin: 1rem;}

/*笑话推荐*/
.jokenews{}
.joke-nav{}
.joke-nav .tabtype{display:inline-block; padding: 0 .4rem; height: 1.4rem; line-height: 1.4rem; margin-right: .5rem; border-radius: .12rem; border:1px solid #da3838}
.joke-nav .tabtype.curr{color:#fff; background-color: #da3838;}

.jokenews-box{}
.jokenews-box .j-title{}
.j-title a{font-size: 1rem; color: #2a2a2a;}
.j-tytime .j-type{color:#2693ba; display: inline-block; margin:0 .5rem;}
.j-tytime .j-time{display: inline-block; color: #999;}
.j-photo{padding:.3rem 1.4rem}
.j-photo img{max-width: 100%; margin: 0 auto;}

.wlt-title{font-size: 1rem;}
.wlt-content{padding:.5rem .8rem; line-height: 1.4rem; font-size: .78rem;}

/*九宫格-ui*/
.wrap-grids{position: relative; overflow: hidden;}
.wrap-grids::after,.wrap-grids::before {content: " ";position: absolute;left: 0px;top: 0px;color: rgb(217, 217, 217);}
.wrap-grids::before {right: 0px;height: 1px;transform-origin: 0px 0px 0px;transform: scaleY(0.5); border-top: 1px solid rgb(217, 217, 217);}
.wrap-grids::after {width: 1px;bottom: 0px;transform-origin: 0px 0px 0px;transform: scaleX(0.5);border-left: 1px solid rgb(217, 217, 217);}
.wrap-grids .wgrids-box{position: relative;float: left;width: 33.3333%;box-sizing: border-box;padding: 20px 10px;}
.wrap-grids .wgrids-box::before,.wrap-grids .wgrids-box::after{content: " ";position: absolute;right: 0px;bottom: 0px;color: rgb(217, 217, 217);}
.wrap-grids .wgrids-box::before{top: 0px;width: 1px;transform-origin: 100% 0px 0px;transform: scaleX(0.5);border-right: 1px solid rgb(217, 217, 217);}
.wrap-grids .wgrids-box::after{left: 0px;height: 1px;transform-origin: 0px 100% 0px;transform: scaleY(0.5);border-bottom: 1px solid rgb(217, 217, 217);}
.wgrids-box .wgrids-ico{width:28px; height: 28px; margin: 0 auto;}
.wgrids-ico i{font-size: 1.3rem;}
.wgrids-box .wgrids-title{margin-top: 5px; font-size: .7rem;}

/*生活*/
.life-detail .ldet-title{font-size: .9rem;}
.life-detail .ldet-updatatime{}

/*快递 - 搜索*/
.del-logo{width:36%; margin:0 auto; padding: 1rem 0;}
.del-logo img{width: 100%; background-color: transparent;}
	
.life-box{}
.life-box .life-input{width:80%; height: 2.3rem; line-height: 2.3rem; padding:0 5%; border:1px solid #3278e6; font-size: .95rem;}
.life-box .life-input::placeholder{font-size: .65rem;}
.life-box .life-btn{width:20%; height: 2.3rem; background-color: #3278e6; border:1px solid #3278e6}

/*login*/
.login-wrap{}
.log-logo{width:44%; margin: 4rem auto 0;}
.log-logo.reg-logo{margin: 2rem auto 0;}
.log-logo img{background-color: transparent;}
.login-wmain{margin-top: 2rem;}
.log-box{height:2rem; margin-bottom: .8rem; border-bottom:1px solid #e7e7e7; position: relative;}
.log-box .log-ico{width:18px; height: 18px; font-size: 18px; color: #da3838; display: block; position: absolute; top:.46rem; left:.4rem; }
.log-box .log-ico.log-telico{font-size: 24px; left:.6rem;}
.log-box .log-inp{width:100%; height: 100%; font-size: 16px; color: #3a3a3a; border:none; padding-left: 2rem;}
.log-box .log-inp::-webkit-input-placeholder {font-size: 14px; color: #ccc;}
.log-btn{width:100%; height: 2rem; background-color: #da3838; border-radius: 3px; font-size: .75rem;}
.log-other{height: 1rem;}
.log-other .log-tips{color: #eb1a1a;}

/*机器人聊天室*/
.chat-wrap{padding: .8rem .8rem 2.8rem .8rem;}
.bot-fix{width:100%; padding: .3rem 0; background-color: #fff; border-top:1px solid #d2d2d2; position: fixed; left:0; bottom:0}
.bot-fix .chat-inp{width:80%; height: 1.2rem; border: none; height: 100%; padding: .5rem; float: left; resize:none}
.bot-fix .chat-sendbtn{width:20%; float: right; margin-top: .2rem;}
.chat-sendbtn button{width:80%; height: 1.4rem; color: #fff; border-radius: 3px; background-color: #da3838; border: 0;}
.chat-welcome{font-size: .6rem; color: #949494;}
.chat-server,.chat-client{display: flex; -webkit-display:flex;}
.chat-stx{width:1.5rem; height: 1.5rem; border-radius: 50%; background: url(../images/ad/logo.png) no-repeat; background-size: cover;}
.chat-ctx{width:1.5rem; height: 1.5rem; border-radius: 50%; background: url(../images/ad/c-img.png) no-repeat; background-size: cover;}
.chat-stext,.chat-ctext{flex:1;}
.chat-stext{margin-left: .5rem;}
.chat-ctext{margin-right: .5rem;}
.stext-show{background-color: #fff; float: left;}
.ctext-show{background-color: #9eea6a; float: right;}
.stext-show,.ctext-show{width:auto; display: inline-block; font-size: .65rem; padding: .4rem .5rem; border-radius: 3px;}







